<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view>
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<style type="text/css">
body {
	background: url('images/muni/fondoweb1.gif') center repeat-y;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
}
.ui-message-error-detail{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
}
#midiv {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    height: 317px;
	    margin-top: -162px;
	    width: 482px;
	    margin-left: -241px;
	}
</style>
	</h:head>
	<p:dialog modal="true" widgetVar="statusDialog" closeOnEscape="false"
		header="Ingresando al sistema" draggable="false" closable="false">
		<p:graphicImage value="/design/ajaxloadingbar.gif" />
	</p:dialog>

	<h:form>
		<div id="midiv" style="background-image: url(images/muni/log_intra.png); width: 482px; height: 317px;">
			<br /> <br /> <br /> <br /> <br /> <br /><br />
			<div align="center">
				<table>
					<tr>
						<th align="right"><h:outputText value="Usuario:  "
								id="usuario" style="width: 30px; " /></th>
						<td align="left"><h:inputText id="txtUsuario"
								value="#{loginBM.usuario}" style="width: 160px; "
								required="true" requiredMessage="Digite el usuario" /></td>
						<td><p:message
								for="txtUsuario" /></td>
					</tr>
					<tr><td><br /></td></tr>
					<tr>
						<th align="right"><h:outputText value="Contraseña:  "
								id="lblPasswordL" style="width: 30px; " />
						</th>
						<td align="left"><h:inputSecret id="txtPasswordL"
								value="#{loginBM.pass}" style="width: 160px; "
								required="true" requiredMessage="Digite la contraseña" /></td>
						<td><p:message
								for="txtPasswordL" /></td>
					</tr>
				</table>
			</div>
			<br/>
			<br/>
			<div align="center">
				<h:panelGrid columns="3">
					<h:commandButton image="images/botton/user_log.png"
						title="Ingresar al sistema" action="#{loginBM.loginGobconsult}" 
						onclick="statusDialog.show();" style="width: 80px; height: 20px;" />
					<p:spacer width="20" />
					
				</h:panelGrid>
			</div>
		</div>
	</h:form>
<p:growl id="msg" />
</f:view>
</html>